<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="keywords" content="中国护肤网站,后天丽质,护肤,护肤品牌推荐,护肤方法推荐,正确护肤,男士护肤，婴幼儿护肤">
    <meta name="description" content="护肤,护肤品牌推荐,护肤方法推荐,正确护肤,男士护肤,婴幼儿护肤">
    <title>后天丽质，专门的护肤网站-爽肤水一号产品</title>
    <!-- CSS-->
    <link rel="stylesheet" href="../source/css/normalize.css">
    <link rel="stylesheet" href="../source/css/public.css">
    <link rel="stylesheet" href="../source/css/toner.css">
    <!-- JS -->
    <script src="../source/icon-font/iconfont.js"></script>
    <script src="../source/js/animate.js"></script>
    <script src="../source/js/jQuery.min.js"></script>
    <script src="../source/js/jquery.cookie.js"></script>
    <script src="../source/js/public.js"></script>
    <script src="../source/js/toner.js"></script>
</head>
</head>

<body>

    <!-- header start -->
    <div class="header" id="top">

        <div class="top-bar">
            <div class="customer-online">
                <a href="#">在线咨询</a>
            </div>

            <div class="go-top">
                <div>
                    <a href="#top">
                        <svg class="icon-top" aria-hidden="true">
                            <use xlink:href="#icon-top"></use>
                        </svg>
                    </a>
                </div>

            </div>
            <div class="left">
                <div class="nav-menu">
                    <div class="menu-item">

                        <p class="title"><a href="#">订阅电子杂志<svg class="icon-email" aria-hidden="true">
                                    <use xlink:href="#icon-email"></use>
                                </svg></a></p>

                    </div>
                    <div class="menu-item">

                        <p class="title"><a href="#">客服中心</a></p>

                    </div>
                </div>
                <div class="choose">
                    <p><a href="#">选择适合你自己的护肤品</a></p>
                </div>
            </div>
            <div class="logo">
                <img src="../source/pic/public/header0.png" alt="">
            </div>
            <div class="right">
                <div class="account">
                    <div class="login"><a href="../html/login.html">
                            <span>
                                <svg class="icon-user" aria-hidden="true">
                                    <use xlink:href="#icon-user"></use>
                                </svg>
                            </span>
                            <span id="username">
                                登录
                            </span></a></div>
                    <div class="register"><a href="register.html" target="blank">注册</a></div>
                </div>
                <div class="search-cart">
                    <div class="user-shoppingcart">
                        <a href="#"><svg class="icon-cart-full" aria-hidden="true">
                                <use xlink:href="#icon-cart-full"></use>
                            </svg> 购物车(0)</a>
                    </div>
                    <div class="search">
                        <input type="text" id="search" placeholder="爽肤水">
                        <!-- 搜索框点击消失关键字 -->
                        <script>
                            var text = document.querySelector('#search')
                            text.onfocus = function () {
                                text.placeholder = ''
                            }

                            text.onblur = function () {
                                text.placeholder = '爽肤水'
                            }
                        </script>
                        <a href="#" style="position: absolute;right: 15px"><svg class="icon-search" aria-hidden="true">
                                <use xlink:href="#icon-search"></use>
                            </svg></a>
                    </div>
                </div>

            </div>
        </div>
        <div class="menu-bar">
            <div class="menu-content">
                <!-- <div class="menu-list">
                    <ul class="nav">
                        <li><a href="#"><svg class="icon-home" aria-hidden="true">
                                    <use xlink:href="#icon-home">
                                    </use>
                                </svg>首页</a></li>
                        <li><a href="#">护肤产品</a></li>
                        <li><a href="#">人群区分护肤</a></li>
                        <li><a href="#">肤质选择</a></li>
                        <li><a href="#">皮肤症状</a></li>
                        <li><a href="#">品牌专区</a></li>
                        <li><a href="#">护肤文章</a></li>
                        <li><a href="#">护肤步骤</a></li>
                        <li><a href="#">用户问卷</a></li>
                    </ul>
                </div> -->
                <div class="menu-list">
                    <ul class="nav">
                        <li>
                            <a href="../index.html"><svg class="icon-home" aria-hidden="true">
                                    <use xlink:href="#icon-home">
                                    </use>
                                </svg>首页</a>
                        </li>

                        <li>
                            <a href="#">护肤产品</a>
                            <ul>
                                <li><a href="#">洁面产品</a></li>
                                <li><a href="../html/product_toners.html">爽肤水</a></li>
                                <li><a href="#">精华</a></li>
                                <li><a href="#">乳液</a></li>
                                <li><a href="#">面霜</a></li>
                                <li><a href="#">眼霜</a></li>
                                <li><a href="#">肌底液</a></li>
                                <li><a href="#">面膜</a></li>
                                <li><a href="#">防晒</a></li>
                            </ul>
                        </li>

                        <li>
                            <a href="#">人群区分护肤
                            </a>
                            <ul>
                                <li><a href="#">男士护肤专区</a></li>
                                <li><a href="#">女士护肤专区</a></li>
                                <li><a href="#">少儿护肤专区</a></li>
                                <li><a href="#">学生护肤专区</a></li>
                            </ul>
                        </li>

                        <li>
                            <a href="#">肤质选择
                            </a>
                            <ul>
                                <li><a href="#">干性皮肤</a></li>
                                <li><a href="#">中性皮肤</a></li>
                                <li><a href="#">油性皮肤</a></li>
                                <li><a href="#">混合性皮肤</a></li>
                                <li><a href="#">敏感性皮肤</a></li>
                            </ul>
                        </li>

                        <li>
                            <a href="#">皮肤症状应对
                            </a>
                            <ul>
                                <li><a href="#">去黑头</a></li>
                                <li><a href="#">美白</a></li>
                                <li><a href="#">防晒</a></li>
                                <li><a href="#">祛痘</a></li>
                                <li><a href="#">去痘印</a></li>
                                <li><a href="#">去油</a></li>
                                <li><a href="#">收缩毛孔</a></li>
                                <li><a href="#">抗衰老</a></li>
                                <li><a href="#">去角质</a></li>
                                <li><a href="#">抗过敏</a></li>
                            </ul>
                        </li>

                        <li>
                            <a href="#">品牌专区
                            </a>
                            <ul>
                                <li><a href="#">顶配品牌</a></li>
                                <li><a href="#">小众品牌</a></li>
                                <li><a href="#">平价品牌</a></li>
                                <li><a href="#">日韩品牌</a></li>
                                <li><a href="#">欧美品牌</a></li>
                                <li><a href="#">国产品牌</a></li>
                            </ul>
                        </li>

                        <li>
                            <a href="#">护肤文章
                            </a>
                            <ul>
                                <li><a href="#">护肤产品测评</a></li>
                                <li><a href="#">护肤方法指导</a></li>
                            </ul>
                        </li>

                        <li>
                            <a href="#">护肤步骤
                            </a>
                            <ul>
                                <li><a href="#">洁面</a></li>
                                <li><a href="#">补水</a></li>
                                <li><a href="#">保湿</a></li>
                                <li><a href="#">去角质</a></li>
                                <li><a href="#">上精华</a></li>
                                <li><a href="#">涂眼霜</a></li>
                            </ul>
                        </li>

                        <li><a href="#">用户问卷调查 </a>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
    <!-- header end -->


    <!-- main start -->
    <!-- position start -->
    <div class="position">
        <span class="position-item">
            <span class="link"><a href="../index.html">首页</a></span>
            <span>></span>
        </span>
        <span class="position-item">
            <span class="link"><a href="./product_toners.html">爽肤水</a></span>
            <span>></span>
        </span>
        <span class="position-item">
            <span class="link"><a href="#">科颜氏蓝色草本净肤水</a></span>
            <span></span>
        </span>
    </div>
    <!-- position end -->
    <!-- main-product start -->
    <div class="main-product">
        <!-- 产品细节  -->
        <div class="product-details">
            <div class="product-detail-left">
                <div class="common-swipe">
                    <div class="swipe-cotainer">
                        <div class="swipe-wrapper">
                            <div class="swipe-slide">
                                <div class="swipe-img">
                                    <img src="../source/pic/tonsers0001/smallImg0.jpg" alt="">
                                </div>
                            </div>
                            <div class="swipe-slide">
                                <div class="swipe-img">
                                    <img src="../source/pic/tonsers0001/smallImg1.jpg" alt="">
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="image-main">
                    <div class="image-box">
                        <img src="../source/pic/tonsers0001/bigImg.jpg" alt="">
                    </div>
                </div>
            </div>
            <div class="product-detail-right">
                <h1 class="product-name">科颜氏蓝色草本净肤水</h1>
                <h2 class="product-subtitle">Blue Astringent Herbal Lotion</h2>
                <div class="product-review">
                    <div class="hot-line">
                        <span class="hot-item">
                            <svg class="icon-redu2" aria-hidden="true">
                                <use xlink:href="#icon-redu2"></use>
                            </svg>
                        </span>
                        <span class="hot-item">
                            <svg class="icon-redu2" aria-hidden="true">
                                <use xlink:href="#icon-redu2"></use>
                            </svg>
                        </span>
                        <span class="hot-item">
                            <svg class="icon-redu2" aria-hidden="true">
                                <use xlink:href="#icon-redu2"></use>
                            </svg>
                        </span>
                        <span class="hot-item">
                            <svg class="icon-redu2" aria-hidden="true">
                                <use xlink:href="#icon-redu2"></use>
                            </svg>
                        </span>
                    </div>
                    <div class="review-wrapper">
                        <div class="add-favorite-main">
                            <svg class="icon-heart-b" aria-hidden="true">
                                <use xlink:href="#icon-heart-b"></use>
                            </svg>
                            <button class="add-favorite-button">添加到我的喜欢</button>
                        </div>
                        <button class="write-product-review">
                            添加评论
                        </button>
                        <a href="#" class="product-passage">查看相关文章</a>
                        <a href="#" class="product-share">
                            <span>分享</span>
                            <svg class="icon" aria-hidden="true">
                                <use xlink:href="#icon-link"></use>
                            </svg>
                        </a>
                    </div>
                </div>
                <div class="product-description">
                    <div class="title">产品简介</div>
                    <div class="desscription-viewer">
                        <p>科颜氏蓝色草本净肤水至今已在美国上市50多年的历史，自1964年问世以来，已成为科颜氏经典产品之一。为使用者提供卓效的控油效果，帮助改善痘痘肌肤问题。同时Sodium
                            PCA天然保湿因子(即PCA钠)、薄荷醇等成分，帮助滋润、保湿皮肤，带给皮肤舒爽感受。</p>
                    </div>
                </div>
                <div class="product-form">
                    <div class="product-specification">
                        <button>
                            <span>250ml</span>
                        </button>
                    </div>
                    <div class="form-wrap">
                        <div class="form-wrap-text">
                            <span>￥170</span>
                            <a href="#"><svg class="icon-cart-full" aria-hidden="true">
                                    <use xlink:href="#icon-cart-full"></use>
                                </svg> 加入购物车</a>
                        </div>
                        <div class="form-button">
                            <button><span>站内直接购买</span></button>
                            <button><span>商家链接购买</span></button>
                        </div>
                    </div>
                </div>
                <div class="product-tab">
                    <div class="tab-list">
                        <div id="tab0" class="tab current">
                            使用方法
                        </div>
                        <div id="tab1" class="tab">
                            成分
                        </div>
                    </div>
                    <div class="tab-content-wrap">
                        <div id="tab-content0" class="tab-content show">
                            对于全脸使用，建议在所有护肤步骤结束后（洁面、爽肤、精华、乳液等），取适量科颜氏蓝色草本净肤水产品于化妆棉，轻拍于脸上
                            适男性刮胡调理用，可于刮胡前使用，去除多余的油脂障碍，使在刮胡时滑顺保护肌肤；也可于刮胡后使用，使刮后为肌肤带来舒爽感。
                            针对易生痘痘问题皮肤，请取适量科颜氏蓝色草本净肤水产品于干净的化妆棉或棉花棒，轻拍于须加强调理的肌肤部位。建议使用次数为一天两次
                        </div>
                        <div id="tab-content1" class="tab-content">
                            <div class="component">
                                <div class="component-item">
                                    <div class="component-img">
                                        <img src="../source/pic/tonsers0001/component0.jpg" alt="">
                                    </div>
                                    <div class="component-text">
                                        <h3>樟脑</h3>
                                        <p>可使肌肤清凉，帮助护理油性肌肤。</p>
                                    </div>
                                </div>
                                <div class="component-item">
                                    <div class="component-img">
                                        <img src="../source/pic/tonsers0001/component1.jpg" alt="">
                                    </div>
                                    <div class="component-text">
                                        <h3>薄荷醇</h3>
                                        <p>带给肌肤清凉舒爽感受。</p>
                                    </div>
                                </div>
                                <div class="component-item">
                                    <div class="component-img">
                                        <img src="../source/pic/tonsers0001/component2.jpg" alt="">
                                    </div>
                                    <div class="component-text">
                                        <h3>Sodium PCA</h3>
                                        <p>天然保湿因子*即PCA钠，一种卓效保湿剂，可使肌肤更柔软。肌肤中也含有此种分子。</p>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>

                </div>
            </div>
        </div>
        <!-- 产品标签 -->
        <div class="product-tabs">
            <div class="tab-top" id="anchor-tabs">
                <div id="tab-passage" class="tab-top-item is-active"><a href="#tab00">测评文章</a></div>
                <div id="tab-like" class="tab-top-item"><a href="#tab11">你可能喜欢</a></div>
                <div id="tab-comment" class="tab-top-item"><a href="#tab22">用户评论</a></div>
            </div>
            <div class="product-tab-content">
                <div class="tab-passage-wrap tab-item">
                    <div id="tab00" class="tab-title">
                        测评文章
                    </div>
                    <div class="passage-wrap">
                        <div class="passage-item">
                            <p>
                                <h2><a href="#" target="blank">科颜氏蓝色草本净肤水的神奇功效</a></h2>
                                <span>
                                    科颜氏蓝色草本净肤水的主要功效是控油和帮助改善痘痘肌，在护肤领域有着非常好的用户口碑，被亲切的称之为“蓝水”。科颜氏蓝色草本净肤水成分中含有樟脑、薄荷醇等，这些成分具有控油保湿、舒爽的作用，会使肌肤状态变得十分稳定，皮肤毛孔紧致细腻，肤质也会随之变好。而且使用起来感觉非常的清晰舒畅。</span>
                                <i>来源:<a href="#" target="blank">htlz.conm</a>&nbsp;时间：2020年12月25日14:00:09</i>
                            </p>
                        </div>
                        <div class="passage-item">
                            <p>
                                <h2><a href="#" target="blank">科颜氏蓝色草本净肤水的神奇功效</a></h2>
                                <span> 科颜氏蓝色草本净肤水的主要功效是控油和帮助改善痘痘肌，在护肤领域有着非常好的用户口碑，被亲切的称之为“蓝水”。
                                    科颜氏蓝色草本净肤水成分中含有樟脑、薄荷醇等，这些成分具有控油保湿、舒爽的作用，会使肌肤状态变得十分稳定，皮肤毛孔紧致细腻，肤质也会随之变好。而且使用起来感觉非常的清晰舒畅。</span>
                                <i>来源:<a href="#" target="blank">htlz.conm</a>&nbsp;时间：2020年12月25日14:00:09</i>
                            </p>
                        </div>
                        <div class="passage-item">
                            <p>
                                <h2><a href="#" target="blank">科颜氏蓝色草本净肤水的神奇功效</a></h2>
                                <span> 科颜氏蓝色草本净肤水的主要功效是控油和帮助改善痘痘肌，在护肤领域有着非常好的用户口碑，被亲切的称之为“蓝水”。
                                    科颜氏蓝色草本净肤水成分中含有樟脑、薄荷醇等，这些成分具有控油保湿、舒爽的作用，会使肌肤状态变得十分稳定，皮肤毛孔紧致细腻，肤质也会随之变好。而且使用起来感觉非常的清晰舒畅。</span>
                                <i>来源:<a href="#" target="blank">htlz.conm</a>&nbsp;时间：2020年12月25日14:00:09</i>
                            </p>
                        </div>
                    </div>
                </div>
                <div class="tab-like-wrap tab-item">
                    <div id="tab11" class="tab-title">
                        你可能喜欢
                    </div>
                    <div class="like-wrap">
                        <div class="like-cotainer">
                            <div class="product-item ">
                                <div class="product-card">
                                    <div class="img-box">
                                        <img src="../source/pic/product_tonsers/tonsers_10.jpg" alt="">
                                    </div>
                                    <div class="text-area">
                                        <div class="product-name">
                                            <h3>悦木之源菌菇水</h3>
                                        </div>
                                        <div class="product-details">
                                            安抚维稳 还原肌肤好肌底
                                        </div>

                                        <div class="about-passage">
                                            相关文章
                                        </div>

                                        <div class="hot-line">
                                            <span class="hot-item">
                                                <svg class="icon-redu2" aria-hidden="true">
                                                    <use xlink:href="#icon-redu2"></use>
                                                </svg>
                                            </span>
                                            <span class="hot-item">
                                                <svg class="icon-redu2" aria-hidden="true">
                                                    <use xlink:href="#icon-redu2"></use>
                                                </svg>
                                            </span>
                                            <span class="hot-item">
                                                <svg class="icon-redu2" aria-hidden="true">
                                                    <use xlink:href="#icon-redu2"></use>
                                                </svg>
                                            </span>
                                            <span class="hot-item">
                                                <svg class="icon-redu2" aria-hidden="true">
                                                    <use xlink:href="#icon-redu2"></use>
                                                </svg>
                                            </span>
                                            <span class="hot-item">
                                                <svg class="icon-redu2" aria-hidden="true">
                                                    <use xlink:href="#icon-redu2"></use>
                                                </svg>
                                            </span>
                                        </div>
                                    </div>
                                    <div class="price">
                                        ￥330
                                    </div>
                                    <button type="button" class="more-details"
                                        onclick="window.location.href = './toners0001.html'">
                                        <span>查看详情</span>
                                    </button>
                                </div>
                            </div>
                            <div class="product-item ">
                                <div class="product-card">
                                    <div class="img-box">
                                        <img src="../source/pic/product_tonsers/tonsers_8.jpg" alt="">
                                    </div>
                                    <div class="text-area">
                                        <div class="product-name">
                                            <h3>兰蔻明星大粉水</h3>
                                        </div>
                                        <div class="product-details">
                                            一抹吸收 肌肤畅饮喝饱水
                                        </div>

                                        <div class="about-passage">
                                            相关文章
                                        </div>

                                        <div class="hot-line">
                                            <span class="hot-item">
                                                <svg class="icon-redu2" aria-hidden="true">
                                                    <use xlink:href="#icon-redu2"></use>
                                                </svg>
                                            </span>
                                            <span class="hot-item">
                                                <svg class="icon-redu2" aria-hidden="true">
                                                    <use xlink:href="#icon-redu2"></use>
                                                </svg>
                                            </span>
                                            <span class="hot-item">
                                                <svg class="icon-redu2" aria-hidden="true">
                                                    <use xlink:href="#icon-redu2"></use>
                                                </svg>
                                            </span>
                                            <span class="hot-item">
                                                <svg class="icon-redu2" aria-hidden="true">
                                                    <use xlink:href="#icon-redu2"></use>
                                                </svg>
                                            </span>
                                            <span class="hot-item">
                                                <svg class="icon-redu2" aria-hidden="true">
                                                    <use xlink:href="#icon-redu2"></use>
                                                </svg>
                                            </span>
                                        </div>
                                    </div>
                                    <div class="price">
                                        ￥435
                                    </div>
                                    <button type="button" class="more-details">
                                        <span>查看详情</span>
                                    </button>
                                </div>
                            </div>
                            <div class="product-item ">
                                <div class="product-card">
                                    <div class="img-box">
                                        <img src="../source/pic/product_tonsers/tonsers_2.jpg" alt="">
                                    </div>
                                    <div class="text-area">
                                        <div class="product-name">
                                            <h3>科颜氏白泥净致爽肤水</h3>
                                        </div>
                                        <div class="product-details">
                                            洁净细腻 肌肤净亮
                                        </div>

                                        <div class="about-passage">
                                            相关文章
                                        </div>

                                        <div class="hot-line">
                                            <span class="hot-item">
                                                <svg class="icon-redu2" aria-hidden="true">
                                                    <use xlink:href="#icon-redu2"></use>
                                                </svg>
                                            </span>
                                            <span class="hot-item">
                                                <svg class="icon-redu2" aria-hidden="true">
                                                    <use xlink:href="#icon-redu2"></use>
                                                </svg>
                                            </span>
                                            <span class="hot-item">
                                                <svg class="icon-redu2" aria-hidden="true">
                                                    <use xlink:href="#icon-redu2"></use>
                                                </svg>
                                            </span>
                                            <span class="hot-item">
                                                <svg class="icon-redu2" aria-hidden="true">
                                                    <use xlink:href="#icon-redu2"></use>
                                                </svg>
                                            </span>
                                        </div>
                                    </div>
                                    <div class="price">
                                        ￥250
                                    </div>
                                    <button type="button" class="more-details">
                                        <span>查看详情</span>
                                    </button>
                                </div>
                            </div>
                            <div class="product-item ">
                                <div class="product-card">
                                    <div class="img-box">
                                        <img src="../source/pic/product_tonsers/tonsers_9.jpg" alt="">
                                    </div>
                                    <div class="text-area">
                                        <div class="product-name">
                                            <h3>兰蔻极光水</h3>
                                        </div>
                                        <div class="product-details">
                                            肌肤抛光 净澈透亮
                                        </div>

                                        <div class="about-passage">
                                            相关文章
                                        </div>

                                        <div class="hot-line">
                                            <span class="hot-item">
                                                <svg class="icon-redu2" aria-hidden="true">
                                                    <use xlink:href="#icon-redu2"></use>
                                                </svg>
                                            </span>
                                            <span class="hot-item">
                                                <svg class="icon-redu2" aria-hidden="true">
                                                    <use xlink:href="#icon-redu2"></use>
                                                </svg>
                                            </span>
                                            <span class="hot-item">
                                                <svg class="icon-redu2" aria-hidden="true">
                                                    <use xlink:href="#icon-redu2"></use>
                                                </svg>
                                            </span>
                                            <span class="hot-item">
                                                <svg class="icon-redu2" aria-hidden="true">
                                                    <use xlink:href="#icon-redu2"></use>
                                                </svg>
                                            </span>
                                            <span class="hot-item">
                                                <svg class="icon-redu2" aria-hidden="true">
                                                    <use xlink:href="#icon-redu2"></use>
                                                </svg>
                                            </span>
                                        </div>
                                    </div>
                                    <div class="price">
                                        ￥790
                                    </div>
                                    <button type="button" class="more-details">
                                        <span>查看详情</span>
                                    </button>
                                </div>
                            </div>
                        </div>

                    </div>
                </div>
                <div class="tab-comment-wrap tab-item">
                    <div id="tab22" class="tab-title">
                        用户评论
                    </div>
                    <div class="comment-wrap">
                        <div class="comment-list">
                            <div class="comment-item">
                                <div class="comment-left">
                                    <div class="head-portrait">
                                        <img src="../source/pic/tonsers0001/head portrait0.jpeg" alt="">
                                    </div>
                                    <p class="name">用户名0</p>
                                </div>
                                <div class="comment-right">
                                    <div class="comment">
                                        <div class="comment-content">油皮终于有救了</div>
                                        <div class="comment-time">2020-09-22 10:42:25</div>
                                        <div class="comment-heart">
                                            <svg class="icon-heart-br" aria-hidden="true">
                                                <use xlink:href="#icon-heart-br"></use>
                                            </svg>
                                            <svg class="icon-heart-br" aria-hidden="true">
                                                <use xlink:href="#icon-heart-br"></use>
                                            </svg>
                                            <svg class="icon-heart-br" aria-hidden="true">
                                                <use xlink:href="#icon-heart-br"></use>
                                            </svg>
                                            <svg class="icon-heart-br" aria-hidden="true">
                                                <use xlink:href="#icon-heart-br"></use>
                                            </svg>
                                            <svg class="icon-heart-b" aria-hidden="true">
                                                <use xlink:href="#icon-heart-b"></use>
                                            </svg>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="comment-item">
                                <div class="comment-left">
                                    <div class="head-portrait">
                                        <img src="../source/pic/tonsers0001/head portrait1.jpg" alt="">
                                    </div>
                                    <p class="name">用户名1</p>
                                </div>
                                <div class="comment-right">
                                    <div class="comment">
                                        <div class="comment-content">这款产品真的很好用，喜欢的亲快入手哦！</div>
                                        <div class="comment-time">2020-09-23 10:42:25</div>
                                        <div class="comment-heart">
                                            <svg class="icon-heart-br" aria-hidden="true">
                                                <use xlink:href="#icon-heart-br"></use>
                                            </svg>
                                            <svg class="icon-heart-br" aria-hidden="true">
                                                <use xlink:href="#icon-heart-br"></use>
                                            </svg>
                                            <svg class="icon-heart-br" aria-hidden="true">
                                                <use xlink:href="#icon-heart-br"></use>
                                            </svg>
                                            <svg class="icon-heart-br" aria-hidden="true">
                                                <use xlink:href="#icon-heart-br"></use>
                                            </svg>
                                            <svg class="icon-heart-br" aria-hidden="true">
                                                <use xlink:href="#icon-heart-br"></use>
                                            </svg>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="comment-item">
                                <div class="comment-left">
                                    <div class="head-portrait">
                                        <img src="../source/pic/tonsers0001/head portrait2.jpg" alt="">
                                    </div>
                                    <p class="name">用户名2</p>
                                </div>
                                <div class="comment-right">
                                    <div class="comment">
                                        <div class="comment-content">用完皮肤紧绷 无论护肤前后使用都爱搓泥 使用感比较不好。。。</div>
                                        <div class="comment-time">2020-12-22 10:42:25</div>
                                        <div class="comment-heart">
                                            <svg class="icon-heart-br" aria-hidden="true">
                                                <use xlink:href="#icon-heart-br"></use>
                                            </svg>
                                            <svg class="icon-heart-br" aria-hidden="true">
                                                <use xlink:href="#icon-heart-br"></use>
                                            </svg>
                                            <svg class="icon-heart-br" aria-hidden="true">
                                                <use xlink:href="#icon-heart-br"></use>
                                            </svg>
                                            <svg class="icon-heart-b" aria-hidden="true">
                                                <use xlink:href="#icon-heart-b"></use>
                                            </svg>
                                            <svg class="icon-heart-b" aria-hidden="true">
                                                <use xlink:href="#icon-heart-b"></use>
                                            </svg>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- 产品升华 -->
        <div class="promotion-card">
            <div class="promotion-title">
                <span>科颜氏蓝色草本净肤水</span>
            </div>
            <div class="promotion-content">
                <p>科颜氏蓝色草本净肤水的主要功效是控油和帮助改善痘痘肌，在护肤领域有着非常好的用户口碑，被亲切的称之为“蓝水”。
                </p>
                <p>科颜氏蓝色草本净肤水成分中含有樟脑、薄荷醇等，这些成分具有控油保湿、舒爽的作用，会使肌肤状态变得十分稳定，皮肤毛孔紧致细腻，肤质也会随之变好。而且使用起来感觉非常的清晰舒畅。</p>
            </div>
        </div>
    </div>
    <!-- main-product end -->
    <!-- main end -->



    <!-- footer start -->
    <div class="footer">
        <div class="w">
            <div class="mod_service">
                <ul>
                    <li>
                        <h5><img src="../source/pic/public/footer-0.png" alt=""></h5>
                        <div class="service_txt">
                            <h4>官方直售</h4>
                            <p>官方直售 正品保证</p>
                        </div>
                    </li>
                    <li>
                        <h5><img src="../source/pic/public/footer-1.png" alt=""></h5>
                        <div class="service_txt">
                            <h4>顺丰包邮</h4>
                            <p>满100元即可享受此项服务</p>
                        </div>
                    </li>
                    <li>
                        <h5><img src="../source/pic/public/footer-2.png" alt=""></h5>
                        <div class="service_txt">
                            <h4>精美礼盒</h4>
                            <p>甄选精美礼盒包装</p>
                        </div>
                    </li>
                    <li>
                        <h5><img src="../source/pic/public/footer-3.png "></h5>
                        <div class=" service_txt">
                            <h4>惊喜礼遇</h4>
                            <p>礼遇官网 特惠惊喜</p>
                        </div>
                    </li>
                </ul>
            </div>
            <div class="mod_help">
                <dl>
                    <dt>护肤产品</dt>
                    <dd><a href="#">洁面</a></dd>
                    <dd><a href="#">爽肤水</a></dd>
                    <dd><a href="#">精华</a></dd>
                    <dd><a href="#">乳液</a></dd>
                    <dd><a href="#">面霜</a></dd>
                    <dd><a href="#">眼霜</a></dd>
                    <dd><a href="#">肌底液</a></dd>
                </dl>
                <dl>
                    <dt>身体护理</dt>
                    <dd><a href="#">身体保湿</a></dd>
                    <dd><a href="#">身体清洁</a></dd>
                    <dd><a href="#">手足护理</a></dd>
                    <dd><a href="#">香氛</a></dd>
                    <dd><a href="#">婴儿护理</a></dd>
                </dl>
                <dl>
                    <dt>男士护理</dt>
                    <dd><a href="#">剃须</a></dd>
                    <dd><a href="#">爽肤</a></dd>
                    <dd><a href="#">面部滋养</a></dd>
                    <dd><a href="#">眼部/唇部护理</a></dd>
                    <dd><a href="#">造型</a></dd>
                </dl>
                <dl>
                    <dt>头发护理</dt>
                    <dd><a href="#">洗发水</a></dd>
                    <dd><a href="#">护发素</a></dd>
                    <dd><a href="#">修护</a></dd>
                </dl>
                <dl>
                    <dt>其他</dt>
                    <dd><a href="#">甄选套组</a></dd>
                </dl>
                <dl>
                    <dt>帮助</dt>
                    <dd><img src="../source/pic/public/vx.png" alt="" style="width: 100px;height: 100px;"></dd>
                    扫描上方二维码
                </dl>
            </div>
            <div class="mod_copyright">
                <div class="links">
                    <a href="#">关于我们</a> | <a href="#">联系我们</a> | <a href="#">联系客服 </a>| <a href="#">商家入驻</a> | <a
                        href="#">营销中心</a> |
                    <a href="#">手机app</a> | <a href="#">友情链接</a> |
                    <a href="#">销售联盟</a> | <a href="#">后天丽质社区</a> | <a href="#">后天丽质公益</a> | <a href="#">English
                        Site</a>
                    | <a href="#">Contact U</a>
                </div>
                <div class="copyright">
                    地址：杭州电子科技大学14号寝室楼 邮编：310016 电话：18757302507 邮箱: 1395793934@qq.com
                </div>
            </div>
        </div>
    </div>
    <!-- footer end -->
</body>
</body>

</html>